<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="x-ua-compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>IETM</title>
    <link rel="stylesheet" href="./viewer.css" crossorigin="anonymous">
    <script src="./jquery-1.8.3.min.js" crossorigin="anonymous"></script>
    <script src="./viewer.js" crossorigin="anonymous"></script>
    <script type="text/javascript">
         $(document).ready(function () {
             /*viewer = new Viewer(document.getElementById('mediaDialogDiv'),{
                 url: 'data-original'
             })*/
             viewer = new Viewer(document.getElementById('image'),{
                 inline: false,  //是否启用 inline 模式
                 url: 'data-original',  //设置大图片的 url
                 navbar: 0,  //显示缩略图导航
                 zoomRatio: 0.4,  //鼠标滚动时的缩放比例
                 // minZoomRatio:0.01, //最小缩放比例
                 // maxZoomRatio:100, //最大缩放比例
                 // zIndex:2015, //设置图片查看器 modal 模式时的 z-index
                 button: false,  //显示右上角关闭按钮（jQuery 版本无效）
                 title: false,  //显示当前图片的标题（现实 alt 属性及图片尺寸）
                 keyboard: false,  //是否支持键盘
                 movable: true,  //图片是否可移动
                 tooltip: true,  //显示缩放百分比
                 // rotatable: true,  //图片是否可旋转
                 // scalable: true,  //图片是否可翻转
                 toolbar: {   //显示工具栏
                     zoomIn: 1,
                     zoomOut: 1,
                     oneToOne: 1,
                     reset: 1,
                     prev: 0,
                     play: 0,
                     next: 0,
                     rotateLeft: 1,
                     rotateRight: 1,
                     flipHorizontal: 1,
                     flipVertical: 1
                 },
                 viewed: function () {
                     viewer.view(0);
                 }
             });
             viewer.show();
         });

    </script>
</head>
<body>
<div style="height:100%;width:100%;margin:0px;padding:0px;" >
    <div id="mediaDialogDiv">
        <!-- <img id="image" data-original="http://localhost:8080/Viewer/01.png" src=http://localhost:8080/Viewer/01.png"/>-->
        <img id="image" data-original="./1.svg"  />
    </div>
</div>

</body>
</html>